<!DOCTYPE html>
<html>

	<head>
			<% include meta.html %>
		<title>首页</title>
	</head>

	<body>
			<% include header.html %>
	
		<!--当前位置-->
		<div class="page-c">
			<p class="f-18 c-6e6d6d mt-12 mb-10">
				当前位置：
				<a class="c-6e6d6d" href="/zf/">我要租房</a>>
				<a class="c-6e6d6d" href="/zf/list">列表</a>>
				<a class="c-001600" ><%=detail[0].title%></a>
			</p>
		</div>
		
		
		<!--租房基本详细-->
		<div class="page-c mt-10 mb-20 row overflow-h">
			<div class="mr-20">
				<%if(!!detail[0].thumbnail){%>
					<img class="detail-product-img" src="<%=detail[0].thumbnail%>" alt="" />
				<%}else{%>
					<img class="detail-product-img" src="<%=base_url%>img/ali1.png" alt="" />
				<%}%>
			</div>
			<div class="c-2c342f flex">
				<h3 class="f-24 bold"><%=detail[0].title%></h3>
				<p class="f-18 mt-14">
					<span class="mt-8">[<%=detail[0].quyu%>]</span>
					<a class="f-28 pos-r fr c-ff5c4c">￥<%=detail[0].price%><small class="f-14 c-2c342f">月/季付</small></a>
				</p>
				<div class="detail-info pd-10 lh-25 mt-20">
					<p class="mb-12 pl-8 pt-6">面积： <%=detail[0].mianji%> ㎡</p>
					<p class="mb-12 pl-8">朝向： <%=detail[0].chaoxiang%></p>
					<p class="mb-12 pl-8">户型： <%=detail[0].huxing%>室 
					<%if(detail[0].type==1){%>
						<span class="zz pl-5 pr-5">整租</span>
					<%}else{%> 
						<span class="hz pl-5 pr-5">合租</span>
					<%}%>
					</p>
					<p class="mb-12 pl-8">楼层： <%=detail[0].cur_louceng%>/<%=detail[0].total_louceng%>层</p>
					<p class="mb-12 pl-8">风格： <%=detail[0].fengge%></p>
					<p class="mb-12 pl-8">厨卫： <%=detail[0].chuwei%></p>
				</div>
				<p class="text-c c-fff f-18 lh-35 bg-ffab3a radius-2 pt-15 pb-15 mt-18"><%=detail[0].gold%></p>
			</div>
		</div>
		
		<section class="page-c mt-10 overflow-h">
			<h4 class="f-20 border-b pos-r"><span class="c-179c1b border-b-4-g">房源信息</span></h4>
			<div class="detail pd-15">
				<%-detail[0].content%>
			</div>
		</section>
		</div>

		<footer class="bg-f8f8f8 footer overflow-h">
			<div class="page-c pt-30">

				<div class="row space-around border-b pb-10">
					<div class="overflow-h">
						<ul class="row">
							<li>
								<p>
									<a class="f-14 c-2c342f bold" href="">关于我们</a>
								</p>
								<p>
									<a class="c-888c89" href="">房屋托管</a>
								</p>
								<p>
									<a class="c-888c89" href="">公司简介</a>
								</p>
								<p>
									<a class="c-888c89" href="">新闻中心</a>
								</p>
								<p>
									<a class="c-888c89" href="">托管案例</a>
								</p>
							</li>
							<li>
								<p>
									<a class="f-14 c-2c342f bold" href="">友情链接</a>
								</p>
								<p>
									<a class="c-888c89" href="">信诺科技</a>
								</p>
								<p>
									<a class="c-888c89" href="">影震广告</a>
								</p>
							</li>
							<li class="w-280">
								<p>
									<a class="f-20 c-2c342f bold" href="">服务电话</a>
								</p>
								<p>
									<a class="f-20 c-888c89" href="">托管电话：0311-83951695</a>
								</p>
								<p>
									<a class="f-20 c-888c89" href="">托管电话：0311-83951695</a>
								</p>
							</li>
						</ul>
					</div>
					<div class="row">
						<div class="mr-35">
							<img src="<%=base_url%>img/erweima.png" alt="" />
							<p class="f-16 c-888c89 text-c">诺德·房产</p>
						</div>
						<div>
							<img src="<%=base_url%>img/erweima1.png" alt="" />
							<p class="f-16 c-888c89 text-c">八戒乐居</p>
						</div>
					</div>
				</div>
				<p class="c-888c89 text-c mt-12 mb-12">Copyright@2018 nuodefangchan.com 版权所有 冀ICP备18002826号-2 经营许可证编号 冀ICP证120198号</p>
			</div>
		</footer>

		<% include js.html %>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				loop: true,
				// 如果需要分页器
				pagination: {
					el: '.swiper-pagination',
				},
				// 如果需要前进后退按钮
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});

			$('.btn-join').on('click', function() {
				$('.m-mask').show();
			});
			$('.m-mask').on('click', function() {
				$('.m-mask').hide();
			});
			$('.btn-tijiao').on('click', function(e) {
				e.stopPropagation();
			})
		</script>
	</body>

</html>